<template>
	<Loading />
	<Navbar />
	<Banner />
	<Culture />
	<Ten />
	<PhoneWall />
	<Footer />
	<!-- 悬浮组件 -->
	<!-- <FloatWindow /> -->
	<!-- <FloatBtn /> -->
	<div class="deng-fixed scrollpoint sp-effect3" style="left: 20px">
		<Deng text="虎年"/>
	</div>
	<div class="deng-fixed scrollpoint sp-effect3" style="right: 20px">
		<Deng text="新春"/>
	</div>
	<div class="spring-fixed scrollpoint sp-effect3" style="left: 120px">
		<Spring :labels="['虎', '年', '赢', '得', '春', '风', '意']" />
	</div>
	<div class="spring-fixed scrollpoint sp-effect3" style="right: 120px;">
		<Spring :labels="['喜', '讯', '唤', '来', '燕', '子', '情']" />
	</div>
</template>

<script lang='ts'>
import { defineComponent, ref } from 'vue';
import Navbar from './components/Navbar.vue';
import Banner from './components/Banner.vue';
import Culture from './components/Culture.vue';
import Ten from './components/Ten.vue';
import PhoneWall from './components/PhoneWall.vue';
import Footer from './components/Footer.vue';
import FloatWindow from './components/FloatWindow.vue';
import FloatBtn from './components/FloatBtn.vue';
import Loading from './components/Loading.vue';
import Spring from './components/Spring.vue';
import Deng from './components/Deng.vue';

export default defineComponent({
	components: { Navbar, Banner, Culture, Ten, PhoneWall, Footer, FloatWindow, FloatBtn, Loading, Spring, Deng }
})
</script>

<style scoped>
.deng-fixed{
	position: fixed;
	top: -30px;
	z-index: 2000;
}
.spring-fixed{
	position: fixed;
	top: 260px;
	z-index: 2000;
}
</style>
